.d-f {
    display: flex;
    /* 弹性盒模型 */
}

.f-s-12 {
    font-size: 24rpx;
    /* 字体大小为12px */
}
.m_l_4{
    margin-left: 4rpx;
}

.d-n {
    display: none;
    /* 隐藏元素 */
}

.p-r {
    position: relative;
    /* 相对定位 */
}

.p-a {
    position: absolute;
    /* 绝对定位 */
}

.p-f {
    position: fixed;
    /* 固定定位 */
}
.b-r-50 {
    border-radius: 50%;
    /* 圆角为50% */
}
.d-j-a{
 display: flex;
 justify-content: center;
 align-items: center;
}

.j-c-s-a {
    justify-content: space-around;
    /* 两边的子元素距离父元素的两边有间距，然后中间距离自动等分 */
}

.j-c-s-b {
    justify-content: space-between;
    /* 两边的子元素距离父元素没有间距，然后中间距离自动等分 */
}

.j-c-c {
    justify-content: center;
    /* 所有的子元素相当于父元素水平居中 */
}

.a-i-c{
   align-items: center;
    /* （竖轴排列方式）子元素相当于父元素垂直方向居中 */
}

.f-d-c {
    flex-direction: column;
    /* 弹性盒模型的竖项排列方式 */
}



.h-100{
    height: 100%;
}
.button{
    margin-top: 82rpx;
    margin-left: 32rpx;
    display: flex;
}
.Previous{
  background: #FFFFFF;
  color: #E24D49;
}
.public{
width: 326rpx;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
border: 2rpx solid #E24D49;
border-radius: 10rpx;
}
.nextStep{
background: #E24D49;
color: #FFFFFF;
margin-left: 34rpx;
}
